<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <style>
        article {
            height: 150px;
            /* background: linear-gradient(45deg, red 50%, green 50%); */
            background: radial-gradient(red, yellow 30%, black 70%, black 100%);
        }
    </style>
</head>

<body>
    <article>
        <div>houdunren.com</div>
    </article>
</body>

</html>